<template>
  <el-form-item
    :label="name"
    :prop="code"
  >
    <tinymce-editor />
  </el-form-item>
</template>

<script>
import TinymceEditor from "@/components/editor/tinymce/TinymceEditor.vue"

export default {
  name: "FormEditorItem",
  components: {
    TinymceEditor
  },
  props: {
    code: {
      type: String,
      default: ''
    },
    name: {
      type: String,
      default: ''
    },
    value: {
      type: String,
      default: ''
    },
    edit: {
      type: Boolean,
      default: true
    },
    defaultValue: {
      type: String,
      default: ''
    },
    keyField: {
      type: String,
      default: ''
    },
    valueField: {
      type: String,
      default: ''
    },
    options: {
      type: Array,
      default: function() {
        return []
      }
    },
    disabled: {
      type: Boolean,
      default: false
    },
    tips: {
      type: String,
      default: ''
    },
    require: {
      type: Boolean,
      default: false
    },
    rules: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      val: null,
      errorSign: false,
      message: '',
      defaultVal: ''
    }
  }
}
</script>

<style scoped lang="scss">

</style>
